<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<style>
  body {
    font-family: "Oswald", sans-serif;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.15vmin;
  }

  body h1 {
    font-size: 25em;
    background-image: url("https://assets.codepen.io/2970881/kassandras__vibrant_flower_pattern_colorful_6f2e398e-b0b7-433f-830e-2e297f9c9f93.png");
    color: #fff;
    color: transparent;
    background-size: contain;
    -webkit-background-clip: text;
    filter: drop-shadow(0px -3px 1px black);
    animation: stripes 5s infinite alternate;
  }

  @keyframes stripes {
    100% {
      background-position: 100px 0, 100px 0, 100px 0;
    }
  }
</style>

<body>
  <div class="container">
    <h1 class="h1">
      CSS Artist
    </h1>
  </div>
</body>

</html>